<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
  />
  <title>里仁医美</title>
  <link rel="stylesheet" href="./static/css/reset_public.css">
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xOVywrWsO9EVxpyas8Sun527CEVxHDaw"></script>
</head>

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->
  <script>
    (function () {
      var _self = this;
      _self.width = 750;
      _self.fontSize = 100;
      _self.widthProportion = function () {
        var p =
          ((document.body && document.body.clientWidth) ||
            document.getElementsByTagName("html")[0].offsetWidth) / _self.width;
        return p > 1 ? 1 : p < 32 / 75 ? 32 / 75 : p;
      };
      _self.changePage = function () {
        document
          .getElementsByTagName("html")[0]
          .setAttribute(
            "style",
            "font-size:" +
            _self.widthProportion() * _self.fontSize +
            "px !important"
          );
      };
      _self.changePage();
      window.addEventListener(
        "resize",
        function () {
          _self.changePage();
        },
        false
      );
    })();

  </script>
</body>

</html>